.clearboth{ clear:both; margin:0; padding:0;}

.group:before,.group:after {  content:"";  display:table;}
.group:after {  clear:both;}
.col {	display: block;	float:left;	margin: 1% 0 1% 1.6%;}

.data-page{background:#dee7e6; font-size:14px; margin:0 auto; padding:20px 70px 0px 70px;  }

.cf:after {visibility:hidden; display:block; content:" "; clear both; height:0; }

* html .cf {zoom:1;}
*:first-child+html .cf {zoom:1; }
code {padding:0 .5em; background:#fff2b2; }

.rt1 {width:100%; font-size:12px; line-height:10px; border-collapse:collapse; border-spacing:0; margin:20px 0 20px 0; }
.rt1 th, .rt1 td {margin:0; padding:0.4166em; vertical-align:top; border:1px solid #babcbf; background:#fff; color:#000; line-height:normal; }
.rt1 th {text-align:left; }
.rt1 th a { color:#000; text-decoration:none;}
.rt1 th a:hover { text-decoration:underline;}

.rt1 th:nth-of-type(1) {color:#fff; font-weight:bold; background:#000; line-height:normal;  }
.rt1 th:nth-of-type(2) {color:#fff; font-weight:bold; background:#000; line-height:normal;  }
.rt1 th:nth-of-type(3) {color:#fff; font-weight:bold; background:#000; line-height:normal;  }
.rt1 th:nth-of-type(4) {color:#fff; font-weight:bold; background:#000; line-height:normal;  }
.rt1 th:nth-of-type(5) {color:#fff; font-weight:bold; background:#000; line-height:normal;  }
.rt1 th:nth-of-type(6) {color:#fff; font-weight:bold; background:#000; line-height:normal;  }
.rt1 th:nth-of-type(7) {color:#fff; font-weight:bold; background:#000; line-height:normal;  }
.rt1 th:nth-of-type(8) {color:#fff; font-weight:bold; background:#000; line-height:normal;  }

.rt1 td a { color:#000; text-decoration:none;}
.rt1 td a:hover { color:#ce0000; text-decoration:underline;}

.rt2 {width:100%; font-size:14px; line-height:10px; border-collapse:collapse; border-spacing:0; margin:20px 0 0px 0; }
.rt2 th, .rt2 td {margin: 0; padding: 0.4166em; vertical-align: top; border: 1px solid #babcbf; background: #fff; 	color: #000; line-height: normal; }
.rt2 th {text-align:left; }

.rt2 th:nth-of-type(1) {color:#fff; font-weight:bold; background:#006699; line-height:normal; }
.rt2 th:nth-of-type(2) {color:#000; font-weight:normal; background:#72d184; line-height:normal;  }
.rt2 th:nth-of-type(3) {color:#000; font-weight:normal; background:#72d184; line-height:normal;  }
.rt2 th:nth-of-type(4) {color:#000; font-weight:normal; background:#72d184; line-height:normal;  }
.rt2 th:nth-of-type(5) {color:#000; font-weight:normal; background:#72d184; line-height:normal;  }
.rt2 th:nth-of-type(6) {color:#000; font-weight:normal; background:#72d184; line-height:normal;  }
.rt2 th:nth-of-type(7) {color:#000; font-weight:normal; background:#72d184; line-height:normal;  }

.rt2 td a { color: #ce0000; text-decoration:none;}
.rt2 td a:hover { text-decoration:underline;}

.leftpanel{float:left; width:49.1%; }
.rightpanel{float:right; width:49.1%;}

.NextMarklogo{margin:0 auto; padding:20px 0 60px 0; }
.NextMarklogo-leftpanel{float:left; width:49.1%; }
.NextMarklogo-rightpanel{float:right; width:49.1%; text-align:right;}


.data-search{position:fixed; right:0px; top:280px; z-index:1; background:url(../images/data-search-icon.png) no-repeat right; height:167px; width:45px; }	


.view-datacard-col-main{width:100%; float:left;}
.view-datacard-col-01 {float:left; width:22%; margin:10px 20px 20px 0px; padding:0px 6px 0px 6px;  height:360px; background:#d3e1df;}
.view-datacard-col-01 .heading {font-size:26px; margin:.5em 0; font-weight:bold; padding: 0 0 0 10px; }
.view-datacard-col-01 ul {margin:0 auto; padding: 0px 15px 20px 30px; }
.view-datacard-col-01 a { color:#000; text-decoration:none;}
.view-datacard-col-01 a:hover { color:#ce0000; text-decoration:underline;}

.countbar{width:50%; height:14px; }


@media only screen and (min-width: 891px) and (max-width: 1200px) { 
	.view-datacard-col-01 {float:left; width:28%; margin:10px 20px 20px 0px;; padding:0px 6px 0px 6px; height:350px;}
	.top-icon { margin:15px auto; padding:50px 0 0 0;width:auto; float:right}
}

@media only screen and (min-width: 781px) and (max-width: 890px) {
	.data-search{
		position:fixed; right:0px; top:260px; z-index:1; background:url(../images/data-search-icon-small.png) no-repeat right; height:47px; width:45px; }
	.data-page{font-size:14px; margin:0 auto; padding:10px 10px 10px 10px;  }

	.leftpanel{width:100%;}
	.rightpanel{width:100%;}
	
	.view-datacard-col-main{width:98%}
	.view-datacard-col-01 {width:100%; margin:10px 0px 10px 0px;; padding:0px; height:auto;}
}

@media only screen and (min-width: 0px) and (max-width: 780px) { 
	.data-search{position:fixed; right:0px; top:260px; z-index:1; background:url(../images/data-search-icon-small.png) no-repeat right; height:47px; width:45px; }
	.data-page{font-size:14px; margin:0 auto; padding:10px 10px 10px 10px;  }
	.leftpanel{width:100%;}
	.rightpanel{width:100%;}
	
	.view-datacard-col-main{width:98%}
	.view-datacard-col-01 {width:100%; margin:10px 0px 10px 0px;; padding:0px; height:auto;}
	
	#rt1 { overflow-x:auto; display:block; }
	#rt1 th, #rt1 tr, #rt1 td { border: 1px solid #babcbf; }
	
	#rt2 { overflow-x:auto; display:block;}
	#rt2 th, #rt2 tr, #rt2 td { border: 1px solid #babcbf; }
	
	h1 {font-size:28px; margin:.5em 0; font-weight:bold;  }		

	.NextMarklogo-leftpanel{float:left; width:100%; text-align:left; margin:0px 0 10px 0; padding:0px;  }
	.NextMarklogo-rightpanel{float:right; width:100%; text-align:left; margin:0px 0 10px 0; padding:0px; }
			
}	

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	padding:4px;
}
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	padding:2px;
}